<template>
  <div>
    <!-- 头部 -->
    <Header></Header>
    <main-container>
      <!-- 主要内容区域 -->
      <div class="container">
        <p class="cate-name">{{menuName}}</p>
        <article-list :article-type="articleType"></article-list>
      </div>
    </main-container>
  </div>
</template>

<script setup>
import {ref} from "vue";
import {useRouter} from "vue-router";

const router = useRouter();

const articleType  = ref(Number(router.currentRoute.value.query.type));
const menuName  = ref(router.currentRoute.value.query.menuName);

</script>

<style scoped>
@import "../assets/css/cateArticleList.css";
</style>
